<template>
	<view class="index">
		<!-- 订单盒子 -->
		<view class="pl30 mt40 box" v-for="(item, index) in dataList" :key="index">
			<view>
				<subtitle :title="item.school"></subtitle>
				<view class="lines mt30"></view>

				<OrderItem v-for="(itm, idx) in item.orderArr" :key="idx" :data="itm"></OrderItem>
			</view>
		</view>
	</view>
</template>

<script>
import subtitle from '@/components/subtitle/subtitle.vue';
import OrderItem from '../components/OrderItem/OrderItem.vue';

import dataList from './dataList.js';
export default {
	components: {
		subtitle,
		OrderItem
	},
	data() {
		return {
			sum: 0,
			dataList: dataList.dataList
		};
	}
};
</script>

<style>
	page{
		background-color: #f9f9f9;
	}
.lines {
	width: 710rpx;
	height: 28rpx;
	background: linear-gradient(90deg, #8092eb 0%, #4151db 100%);
	box-shadow: 0rpx 4rpx 4rpx 0rpx rgba(0, 0, 0, 0.25);
	border-radius: 20rpx 20rpx 20rpx 20rpx;
}
.item {
	width: 706rpx;
	height: 502rpx;
	background-image: url('.././images/orderbg.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	margin-bottom: 30rpx;
}
.box:nth-last-child(1) {
	padding-bottom: 20rpx;
}
</style>
